<!DOCTYPE html>
<!-- 拍品详情 -->
<html style="font-size: 36px;">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<title></title>
		<link rel="stylesheet" href="../../public/css/common.css">
		<link rel="stylesheet" href="../../public/js/swiper/swiper-bundle.min.css">
		<link rel="stylesheet" href="../../public/css/home.css">
	</head>
	<body>
		<div class="item-box">
			<div class="swiper-container">
				<div class="swiper-wrapper">
					<div class="swiper-slide">
						<img src="../../public/images/details_banner.jpg" />
					</div>
					<div class="swiper-slide">
						<img src="../../public/images/details_banner.jpg" />
					</div>
					<div class="swiper-slide">
						<img src="../../public/images/details_banner.jpg" />
					</div>
				</div>
				<div class="swiper-pagination"></div>
			</div>
			<div class="item-cent">
				<h3>华硕a豆 Redolbook14 锐龙版</h3>
				<h2>¥4599.00<em>¥4899.00</em></h2>
				<p>
					<span>销量：299</span>
					<span>库存：2678</span>
					<span>热度：99</span>
				</p>
			</div>
			<ul class="item-list">
				<li class="flex">
					<em>商品供应商</em>
					<span>京东华硕直营店</span>
				</li>
				<li class="flex">
					<em>商品品牌</em>
					<span>华硕</span>
				</li>
				<li class="flex">
					<em>商品产地</em>
					<span>深圳</span>
				</li>
				<li class="flex">
					<em>生产日期</em>
					<span>2021-08-21</span>
				</li>
			</ul>
			<h1>商品详情</h1>
			<section>
				<img src="../../public/images/details1.jpg" />
			</section>
		</div>
		<div class="item-nav flex">
			<a>
				<span class="i-buy">我要买</span>
			</a>
			<a>
				<span class="i-sell">我要卖</span>
			</a>
		</div>
		<div class="nav-item"></div>
	</body>
</html>
<script src="../../public/js/jquery.min.js"></script>
<script src="../../public/js/rem.js"></script>
<script src="../../public/js/swiper/swiper-bundle.min.js"></script>
<script type="text/javascript">
	var swiper = new Swiper('.swiper-container', {
		speed: 500,
		loop: true,
		// autoplay: {
		// 	delay: 3000,
		// 	disableOnInteraction: false,
		// },
		pagination: {
			el: '.swiper-pagination',
		},
	});
</script>
